<template>
  <div class="g2-personalsetting g2-layout-content g2-layout-content__base">
    <div class="g2-page-wrapper">
      <el-tabs tab-position="left" style="width:100%;" class="personalsetting-tabs">
        <el-tab-pane label="基本设置">
          <accoutSetting></accoutSetting>
        </el-tab-pane>
        <el-tab-pane label="安全设置" >
          <accoutSecurity></accoutSecurity>
        </el-tab-pane>
        <el-tab-pane label="账号绑定">
          <accoutBinding></accoutBinding>
        </el-tab-pane>
        <el-tab-pane label="新消息通知">
          <accoutInfo></accoutInfo>
        </el-tab-pane>
      </el-tabs>
    </div>
  </div>
</template>

<script>
import accoutSetting from "./components/account-setting/index.vue";
import accoutSecurity from "./components/account-security/index.vue";
import accoutBinding from "./components/account-binding/index.vue";
import accoutInfo from "./components/account-info/index.vue";
export default {
  name: "PersonalSetting",
  props: {},
  components: {
    accoutSetting,
    accoutSecurity,
    accoutBinding,
    accoutInfo
  },
  data() {
    return {};
  },
  computed: {},
  created() {},
  mounted() {},
  watch: {},
  methods: {}
};
</script>

<style lang="scss" src="./index.scss">

</style>
